<template>
  <layout>
    <router-view lass="height-abs"></router-view>
  </layout>
</template>

<script>
import Layout from "@/layout/index.vue";

export default {
  data() {
    return {
      isMain: false,
    };
  },
  components: {
    Layout,
  },
  watch: {
    $route(to) {
      this.isMainPage(to);
    },
  },
  mounted() {
    this.isMainPage(this.$route);
  },
  methods: {
    isMainPage(value) {
      if (value.meta.moduleName === "Main") {
        this.isMain = true;
      } else {
        this.isMain = false;
      }
    },
  },
};
</script>
<style lang="scss" scoped>
#subApp-viewport {
  height: 100%;
}
::v-deep #subApp-viewport > div:first-child {
  height: 100%;
}
</style>
